/* mine/pages/animation/demo7/index.wxss */
.top {
    display: flex;
    margin: 42rpx 64rpx 48rpx 64rpx;
    align-items: center;
    justify-content: space-between;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
}

.confirm {
    background-color: #fff;
    font-size: 28rpx;
    font-weight: 500;
    color: #666666;
    line-height: 40rpx;
    padding: 0;
    margin: 0;

    &::after {
        border: none
    }
}

.cancel {
    background-color: #fff;
    font-size: 28rpx;
    font-weight: 500;
    color: #999999;
    line-height: 40rpx;
    margin: 0;
    padding: 0;

    &::after {
        border: none
    }
}

.tab {
    height: 108rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 32rpx 60rpx 32rpx;

    .tabItem {
        width: 300rpx;
        height: 108rpx;
        line-height: 108rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        border-bottom: 1rpx solid #E6E6E6;
        display: flex;
        align-items: center;
    }

    .tabText {
        width: 180rpx;
        height: 40rpx;
        font-size: 28rpx;
        font-weight: 400;
        color: #999999;
        line-height: 40rpx;
        text-align: center;
    }
}

.highLight {
    color: #0CB3B1 !important;
}